


<!-- 活动 modal -->
<div  id="act" class="modal fade " tabindex="-1" role="dialog" >
    <div class="modal-dialog "   style="width:700px"  role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel1">新增广告活动</h4>
            </div>
            <div class="modal-body" style="overflow:auto">
                <form action="#" method="post" id="actForm">

                    <div class="form-group">
                        <label class="control-label col-lg-3">活动名称</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pname"/>
                        </div>
                    </div>
                    <div class="form-group" style="display:none">
                        <label class="control-label col-lg-3">用户ID</label>
                        <div class="col-lg-8">
                            <input  class="form-control " name="uid" id="uid"/>
                        </div>
                    </div>
                    <div class="form-group">
                            <label class="control-label col-lg-3">物料</label>
                            <div class="col-lg-9">
                                <select class="form-control" name="mid" id="selectAdd"></select>
                            </div>
                    </div>
                    <div  class="form-group">
                        <label class="control-label col-lg-3">起止日期</label>
                        <div class="col-lg-4">
                            <input type="date" name="pstarttime" class="form-control"/>
                        </div>
                        <div class="col-lg-4 col-offset-1">
                            <input type="date" name="pendtime" class="form-control"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">标签</label>
                        <div class="col-lg-8">
                            <div class="btn-group">
                                <button data-toggle="dropdown" class="btn btn-small btn-white dropdown-toggle">
                                    <span class="dropdown-label" data-placeholder="Please select">请选择</span>
                                    <span class="caret"></span>
                                </button>
                                <ul id="selectAdSpace"    class="dropdown-menu dropdown-select">
                                    <li><a href="#" ><input type="checkbox" value="10"  >服饰</a></li>
                                    <li><a href="#" ><input type="checkbox" value="20"  >母婴</a></li>
                                    <li><a href="#" ><input type="checkbox" value="30"  >电子产品</a></li>
                                    <li><a href="#" ><input type="checkbox" value="40"  >游戏</a></li>
                                    <li><a href="#" ><input type="checkbox" value="50"  >影视</a></li>
                                    <li><a href="#" ><input type="checkbox" value="60"  >食品</a></li>
                                    <li><a href="#" ><input type="checkbox" value="70"  >房产</a></li>
                                    <li><a href="#" ><input type="checkbox" value="80"  >旅行</a></li>
                                    <li><a href="#" ><input type="checkbox" value="90"  >汽车</a></li>
                                    <li><a href="#" ><input type="checkbox" value="100"  >学习</a></li>
                                    <li><a href="#" ><input type="checkbox" value="110"  >家具</a></li>
                                    <li><a href="#" ><input type="checkbox" value="120"  >医药</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div style="display: none " >
                        <input  name="properties" id="tag" />
                    </div>
                    <div  class="form-group">
                        <label class="control-label col-lg-3">投放地址</label>
                        <div class="col-lg-9 ">
                            <div class="form-control">
                                <label ><input type="radio"  name="plocation" value="北京"/>北京 </label>
                                <label > <input type="radio"   name="plocation" value="上海"/>上海</label>
                                <label ><input type="radio"   name="plocation" value="广州"/>广州</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">计价方式</label>
                        <div class="col-lg-9">
                            <select class="form-control" name="ptype">
                                <option value ="0">CPC</option>
                                <option value ="1">CPM</option>
                                <option value ="2">CPT</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">计费单价</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pprice"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">投放限额</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pmost"/>
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="control-label col-lg-3" ></label>
                        <div class="col-lg-9">

                            <input type="button" class="btn btn-white pull-right "  style="margin-top: 20px; " data-dismiss="modal" value="关闭" />
                            <input type="button" class="btn btn-success pull-right" style="margin-right: 10px;margin-top:20px  " data-dismiss="modal" onclick="toSubmit()" value="提交"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer  " >
            </div>
        </div>
    </div>
</div>
<!--修改modal-->
<div  id="act1" class="modal fade " tabindex="-1" role="dialog" >
    <div class="modal-dialog "   style="width:700px"  role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" >修改广告活动</h4>
            </div>
            <div class="modal-body" style="overflow:auto">
                <form action="#" method="post" id="actForm1">

                    <div class="form-group">
                        <label class="control-label col-lg-3">活动名称</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pname"/>
                        </div>
                    </div>
                    <div class="form-group" style="display: none;">
                        <label class="control-label col-lg-3">活动ID</label>
                        <div class="col-lg-9">
                            <input class="form-control" name="pid" id="pid"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">物料</label>
                        <div class="col-lg-9">
                            <select class="form-control" name="mid" id="selectChange"></select>
                        </div>
                    </div>

                    <div  class="form-group">
                        <label class="control-label col-lg-3">起止日期</label>
                        <div class="col-lg-4">
                            <input type="date" name="pstarttime" class="form-control"/>
                        </div>
                        <div class="col-lg-4 col-offset-1">
                            <input type="date" name="pendtime" class="form-control"/>
                        </div>

                    </div>
                    <!--<div class="form-group">-->
                        <!--<label class="control-label col-lg-3">标签</label>-->
                        <!--<div class="col-lg-8">-->
                            <!--<div class="btn-group">-->
                                <!--<button data-toggle="dropdown" class="btn btn-small btn-white dropdown-toggle">-->
                                    <!--<span class="dropdown-label" data-placeholder="Please select">请选择</span>-->
                                    <!--<span class="caret"></span>-->
                                <!--</button>-->
                            <!--<ul id="selectAdSpace1"    class="dropdown-menu dropdown-select">-->
                                <!--<li><a href="#" ><input type="checkbox" value="10"  >服饰</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="20"  >母婴</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="30"  >电子产品</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="40"  >游戏</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="50"  >影视</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="60"  >食品</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="70"  >房产</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="80"  >旅行</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="90"  >汽车</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="100"  >学习</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="110"  >家具</a></li>-->
                                <!--<li><a href="#" ><input type="checkbox" value="120"  >医药</a></li>-->

                            <!--</ul>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div style="display: none " >-->
                        <!--<input  name="properties" id="tag1" />-->
                    <!--</div>-->
                    <div  class="form-group">
                        <label class="control-label col-lg-3">投放地址</label>
                        <div class="col-lg-9 ">
                            <div class="form-control">
                                <label ><input type="radio"  name="plocation" value="北京"/>北京 </label>
                                <label > <input type="radio"   name="plocation" value="上海"/>上海</label>
                                <label ><input type="radio"   name="plocation" value="广州"/>广州</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">计价方式</label>
                        <div class="col-lg-9">
                            <select class="form-control" name="ptype">
                                <option value ="0">CPC</option>
                                <option value ="1">CPM</option>
                                <option value ="2">CPA</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">计费单价</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pprice"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label col-lg-3">投放限额</label>
                        <div class="col-lg-9">
                            <input type="text" class="form-control " name="pmost"/>
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="control-label col-lg-3" ></label>
                        <div class="col-lg-9">

                            <input type="button" class="btn btn-white pull-right "  style="margin-top: 20px; " data-dismiss="modal" value="关闭" />
                            <input type="button" class="btn btn-success pull-right" style="margin-right: 10px;margin-top:20px  " data-dismiss="modal" onclick="toChange()" value="保存"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer  " >
            </div>
        </div>
    </div>
</div>
<!--活动管理表-->
    <section class="panel" id="aPanel">
        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#act">新增活动 </button>
        <br/><br/>
        <header class="panel-heading">活动管理 <i class="icon-info-sign text-muted" data-toggle="popover" data-html="true" data-placement="top" data-content="The datagrid use ajax to load the data. please put this file on a server to preview." title="" data-trigger="hover" data-original-title="Help"></i> </header>
        <div class="pull-out">
            <table id="act-dt" class="display"></table>
        </div>
    </section>
<!-- footer -->

<script src="js/hosts/hostsA.js"></script>
